<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>合同明细查询</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/product.css">
	<link rel="stylesheet" href="css/select.css">
	<style>
		.main-bg{
			padding-top: 0px;
		}
		.content-table-three tbody tr td {
		    max-width: 350px;
		    min-width: 100px;
		}
		.content-table-three thead tr td span {
	    	color: #4d5971;
		    display: inline-block;
		    word-wrap: break-word;
		    width: 125px;
		    line-height: 20px;
		    vertical-align: top;
		    margin-top: 10px;
		}
		.content-table-three tbody tr td p {
		    text-align: right;
		    padding-left: 12px;
		}
		.content-table-three tbody tr td span{
			padding-right: 12px;
		}
		.content-table-three thead tr td:nth-child(2) span {
		    color: #4d5971;
		    display: inline-block;
		    word-wrap: break-word;
		    width: 300px;
		    line-height: 20px;
		    vertical-align: top;
		    margin-top: 10px;
		}
		.content-table-three thead tr td:last-child {
		    line-height: 40px;
		    background: #F9FBFF;
		    text-align: right;
		    padding-right: 12px;
		}
		.content-table-three thead tr td:last-child span {
		    color: #4d5971;
		    display: inline-block;
		    width: auto;
		    line-height: 20px;
		    vertical-align: top;
		    margin-top: 10px;
		}
		.content-table-three tbody tr td:nth-child(1){
			width: 200px;
		}
		.content-table-three tbody tr td:nth-child(2){
			width: 150px;
		}
		.content-table-three tbody tr td:nth-child(3){
			width: 205px;
		}
		.content-table-three tbody tr td:nth-child(4){
			width: 225px;
		}
		.content-table-three tbody tr td:nth-child(1) span{
			width: 105px;
		}
		.content-table-three tbody tr td:nth-child(2) span{
			width: 85px;
		}
		.content-table-three tbody tr td:nth-child(3) span{
			width: 145px;
		}
		.content-table-three tbody tr td:nth-child(4) span{
			width: 145px;
		}
		.content-table-three tbody tr:nth-child(2) td p{
			text-align: left;
		}
		.content-table-three tbody tr:nth-child(2) td p>span{
			width: auto;
		}
	    .content-table-three tbody tr td:last-child {
			width: 120px !important;
			min-width: 120px;
			line-height: 30px;
			border: 1px solid #ecf2f7;
			padding-bottom: 10px;
			padding-top: 10px;
			text-align: center;
			/* padding-right: 12px; */
		}
		.layui-layer-content>p{
			line-height: 30px;
		    padding: 30px;
		    text-align: center;
	    }
	    .content-form ul li > .laydate-icon{
		    padding-left: 12px !important;
		}
		.content-btn {
		    margin:0 16px;
		}
		.color-operation:hover {
		    text-decoration:underline; 
		    cursor: pointer;
		}
	</style>
</head>
<body>
	<div class="main-content">
		<div class="main-bg">
			<div class="content-btn bot-line">
				<a class="icon-back" href="subscribeConfirmation.html"></a><span class="title-info-a">合同明细</span>
			</div>
			<div class="content-form">
				<ul>
					<li><span class="text-name">项目名称：</span><input type="text"></li>
					<li><span class="text-name">部门名称：</span><input type="text"></li>
					<li><span class="text-name">合同状态：</span>
					<select class="multiselect" id="single">
						<option value="">审核通过</option>
						<option value="">未审核</option>
						<option value="">审核驳回</option>
					</select></li>
					<li><span class="text-name">纸质合同编号：</span><input type="text"></li>
					<li><span class="text-name">确认书发放状态：</span>
					<select class="multiselect" id="single1">
						<option value="">审核通过</option>
						<option value="">未审核</option>
						<option value="">审核驳回</option>
					</select></li>
					<li><span class="text-name">客户名称：</span><input type="text"></li>
					<li><span class="text-name">配送快递单号：</span><input type="text"></li>
					<li><span class="text-name">回寄快递单号：</span><input type="text"></li>
					<li><button class="btn-style-two">搜索</button><i class="btn-operation maleft20">重置</i></li>
				</ul>
			</div>
			<div class="content-list"> 
				<div class="info-list">
					<table class="content-table-three" cellspacing="0" cellpadding="0">
						<thead>
							<tr>
								<td>项目编号：<span>1234567</span></td>
								<td colspan="2">项目名称：<span title="美国EB5">美国EB5</span></td>
								<td>分发时间：<span>2017-06-04 13:00</span></td>
								<td></td>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>
									<p>纸质合同编号：<span>HG0999324</span></p>
									<p>确认书配送状态：<span>待发放</span></p>
									<p>预约状态：<span>预约中</span></p>
								</td>
								<td>
									<p>客户编号：<span>1234567</span></p>
									<p>客户名称：<span>李想</span></p>
								</td>
								<td>
									<p>理顾姓名：<span>王城</span></p>
									<p>所属部门：<span>北京第二营业部</span></p>
								</td>
								<td>
									<p>合同状态：<span>已配送</span></p>
									<p>配送快递单号：<span class="color-operation" onclick="seeLogistics()">434430999324</span></p>
									<p>回寄快递单号：<span class="color-operation" onclick="seeLogistics()">434430999324</span></p>
								</td>
								<td>
									<i class="btn-operation" onclick="stateChangeFlow()">状态变更流水</i>
								</td>
							</tr>
							<tr>
								<td colspan="5">
									<p>备注：<span>优先处理</span></p>
								</td>
							</tr>
						</tbody>
					</table>
					<table class="content-table-three" cellspacing="0" cellpadding="0">
						<thead>
							<tr>
								<td>项目编号：<span>1234567</span></td>
								<td colspan="2">项目名称：<span title="美国EB5">美国EB5</span></td>
								<td>分发时间：<span>2017-06-04 13:00</span></td>
								<td></td>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>
									<p>纸质合同编号：<span>HG0999324</span></p>
									<p>确认书配送状态：<span>待发放</span></p>
									<p>预约状态：<span>预约中</span></p>
								</td>
								<td>
									<p>客户编号：<span>1234567</span></p>
									<p>客户名称：<span>李想</span></p>
								</td>
								<td>
									<p>理顾姓名：<span>王城</span></p>
									<p>所属部门：<span>北京第二营业部</span></p>
								</td>
								<td>
									<p>合同状态：<span>已签收</span></p>
									<p>配送快递单号：<span class="color-operation" onclick="seeLogistics()">434430999324</span></p>
									<p>回寄快递单号：<span class="color-operation" onclick="seeLogistics()">434430999324</span></p>
								</td>
								<td>
									<i class="btn-operation" onclick="stateChangeFlow()">状态变更流水</i>
									<i class="btn-operation" onclick="">纸质合同作废</i>
								</td>
							</tr>
							<tr>
								<td colspan="5">
									<p>备注：<span>优先处理</span></p>
								</td>
							</tr>
						</tbody>
					</table>
					<table class="content-table-three" cellspacing="0" cellpadding="0">
						<thead>
							<tr>
								<td>项目编号：<span>1234567</span></td>
								<td colspan="2">项目名称：<span title="美国EB5">美国EB5</span></td>
								<td>分发时间：<span>2017-06-04 13:00</span></td>
								<td></td>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>
									<p>纸质合同编号：<span>HG0999324</span></p>
									<p>确认书配送状态：<span>待发放</span></p>
									<p>预约状态：<span>预约中</span></p>
								</td>
								<td>
									<p>客户编号：<span>1234567</span></p>
									<p>客户名称：<span>李想</span></p>
								</td>
								<td>
									<p>理顾姓名：<span>王城</span></p>
									<p>所属部门：<span>北京第二营业部</span></p>
								</td>
								<td>
									<p>合同状态：<span>已入库</span></p>
									<p>配送快递单号：<span class="color-operation" onclick="seeLogistics()">434430999324</span></p>
									<p>回寄快递单号：<span class="color-operation" onclick="seeLogistics()">434430999324</span></p>
								</td> 
								<td>
									<i class="btn-operation" onclick="stateChangeFlow()">状态变更流水</i>
								</td>
							</tr>
							<tr>
								<td colspan="5">
									<p>备注：<span>优先处理</span></p>
								</td>
							</tr>
						</tbody>
					</table>
					<table class="content-table-three" cellspacing="0" cellpadding="0">
						<thead>
							<tr>
								<td>项目编号：<span>1234567</span></td>
								<td colspan="2">项目名称：<span title="美国EB5">美国EB5</span></td>
								<td>分发时间：<span>2017-06-04 13:00</span></td>
								<td></td>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>
									<p>纸质合同编号：<span>HG0999324</span></p>
									<p>确认书配送状态：<span>待发放</span></p>
									<p>预约状态：<span>预约中</span></p>
								</td>
								<td>
									<p>客户编号：<span>1234567</span></p>
									<p>客户名称：<span>李想</span></p>
								</td>
								<td>
									<p>理顾姓名：<span>王城</span></p>
									<p>所属部门：<span>北京第二营业部</span></p>
								</td>
								<td>
									<p>合同状态：<span>已分发</span></p>
									<p>配送快递单号：<span class="color-operation" onclick="seeLogistics()">434430999324</span></p>
									<p>回寄快递单号：<span class="color-operation" onclick="seeLogistics()">434430999324</span></p>
								</td>
								<td>
									<i class="btn-operation" onclick="stateChangeFlow()">状态变更流水</i>
									<i class="btn-operation" onclick="">纸质合同作废</i>
								</td>
							</tr>
							<tr>
								<td colspan="5">
									<p>备注：<span>优先处理</span></p>
								</td>
							</tr>
						</tbody>
					</table>
					<table class="content-table-three" cellspacing="0" cellpadding="0">
						<thead>
							<tr>
								<td>项目编号：<span>1234567</span></td>
								<td colspan="2">项目名称：<span title="美国EB5">美国EB5</span></td>
								<td>分发时间：<span>2017-06-04 13:00</span></td>
								<td></td>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>
									<p>纸质合同编号：<span>HG0999324</span></p>
									<p>确认书配送状态：<span>待发放</span></p>
									<p>预约状态：<span>预约中</span></p>
								</td>
								<td>
									<p>客户编号：<span>1234567</span></p>
									<p>客户名称：<span>李想</span></p>
								</td>
								<td>
									<p>理顾姓名：<span>王城</span></p>
									<p>所属部门：<span>北京第二营业部</span></p>
								</td>
								<td>
									<p>合同状态：<span>已回寄</span></p>
									<p>配送快递单号：<span class="color-operation" onclick="seeLogistics()">434430999324</span></p>
									<p>回寄快递单号：<span class="color-operation" onclick="seeLogistics()">434430999324</span></p>
								</td>
								<td>
									<i class="btn-operation" onclick="stateChangeFlow()">状态变更流水</i>
									<i class="btn-operation" onclick="">纸质合同作废</i>
								</td>
							</tr>
							<tr>
								<td colspan="5">
									<p>备注：<span>优先处理</span></p>
								</td>
							</tr>
						</tbody>
					</table>
					<table class="content-table-three" cellspacing="0" cellpadding="0">
						<thead>
							<tr>
								<td>项目编号：<span>1234567</span></td>
								<td colspan="2">项目名称：<span title="美国EB5">美国EB5</span></td>
								<td>分发时间：<span>2017-06-04 13:00</span></td>
								<td></td>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>
									<p>纸质合同编号：<span>HG0999324</span></p>
									<p>确认书配送状态：<span>待发放</span></p>
									<p>预约状态：<span>预约中</span></p>
								</td>
								<td>
									<p>客户编号：<span>1234567</span></p>
									<p>客户名称：<span>李想</span></p>
								</td>
								<td>
									<p>理顾姓名：<span>王城</span></p>
									<p>所属部门：<span>北京第二营业部</span></p>
								</td>
								<td>
									<p>合同状态：<span>已入档</span></p>
									<p>配送快递单号：<span class="color-operation" onclick="seeLogistics()">434430999324</span></p>
									<p>回寄快递单号：<span class="color-operation" onclick="seeLogistics()">434430999324</span></p>
								</td>
								<td>
									<i class="btn-operation" onclick="stateChangeFlow()">状态变更流水</i>
								</td>
							</tr>
							<tr>
								<td colspan="5">
									<p>备注：<span>优先处理</span></p>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<div class="table-pages clearfix">
			<ul class="pages-list">
				<li><a href=""><</a></li>
				<li><a class="menu-active" href="">1</a></li>
				<li><a href="">2</a></li>
				<li><a href="">3</a></li>
				<li><a href="">...</a></li>
				<li><a href="">20</a></li>
				<li><a href="">></a></li>
			</ul>
		</div>
	</div>
	<script src="js/jquery-1.12.0.min.js"></script>
	<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
	<script src="js/select.jquery.js"></script>
	<script src="lib/rili/laydate.dev.js"></script>
	<script src="js/allProduct.js"></script>
    <script type="text/javascript">
        $(document).ready(function (){//新增
			$('.multiselect').multiselect({setMaxOptionNum:4,selectedHtmlValue:''});
			$('#single').multiselect({multiple:false,selectedHtmlValue:'全部',setWidth: 140+'px'});
			$('#single1').multiselect({multiple:false,selectedHtmlValue:'全部',setWidth: 140+'px'});
		 });
        function stateChangeFlow(){
        	parent.layer.open({
			      type: 2,
			      title: '状态变更流水',
			      shadeClose: true,
			      shade: 0.2,
			      maxmin: true, //开启最大化最小化按钮
			      area: ['870px', '450px'],
			      content: 'stateChangeFlow.html'
			    });
        };

        function seeLogistics(){
        	parent.layer.open({
			      type: 2,
			      title: '查看物流',
			      shadeClose: true,
			      shade: 0.2,
			      maxmin: true, //开启最大化最小化按钮
			      area: ['870px', '450px'],
			      content: 'seeLogistics.html'
			    });
        }
        function getHeight(){
            var myiframeH=$(".main-content").height();
            var _parent=$(window.parent.document);
            _parent.find('body').css('height',(myiframeH+150)+'px');
            _parent.find('.main-position').css('height',(myiframeH+100)+'px');
        };

		$('.main-content').resize(function(){
			getHeight();
		});
	</script>

</body>
</html>